草庐IT

SVG 实例

全部标签

javascript - 如何跨 Chrome 实例同步 localStorage(或使用 chrome.storage.sync 而不使用已发布的扩展程序)?

这是我的情况:我写了一些Chrome用户脚本供我个人使用。以前,我只有一台机器,上面有一个Chrome实例,所以我非常乐意将任何持久数据转储到localStorage中。但是,我现在有多台机器,并且想在所有机器上的Chrome上使用我的用户脚本,同时使用我的持久数据。同步userscript代码本身很简单,但有点乏味(将它放在Bitbucket存储库中,然后拉取并手动安装),但我不知道如何跨机器同步我的localStorage数据。我考虑过将我的用户脚本转换为适当的Chrome扩展程序并使用chrome.storageAPI(使用chrome.storage.sync存储的数据显然可以

javascript - SVG <pattern> 由 Javascript 生成时不会加载

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭9年前。更新的问题,基于一个更简单的测试用例:我有一个网站使用由脚本生成的图形。图形中的东西充满了svg图案。到目前为止,还不错。我现在添加一个使用Javascript将元素添加到图形中已有的模式。我可以很容易地做到这一点,使用类似createElementNS的方法,setAttribute和appendChild.SVG图案元素如下所示:它们是这样使用的:现在

javascript - John Resig 的简单类实例化和 "use strict"

引用:http://ejohn.org/blog/simple-class-instantiation///makeClass-ByJohnResig(MITLicensed)functionmakeClass(){returnfunction(args){if(thisinstanceofarguments.callee){if(typeofthis.init=="function")this.init.apply(this,args.callee?args:arguments);}elsereturnnewarguments.callee(arguments);};}我想知道是否有

javascript - 如何通过动画更改 Snap.svg 中多边形的点?

我正在尝试实现一个带有特定多边形的按钮,按下该按钮会将多边形更改为其他内容。例如,按钮上的播放图标变为停止图标。理想情况下,该图标应该是一个多边形,其中三个点描绘了游戏符号。动画后它变成一个四点多边形(一个正方形)描绘停止符号。我试过这样做:varpaper=Snap('svg');vartpts=[100,100,100,130,120,115];varsqpts=[100,100,100,130,130,130,130,100];vartri=paper.polygon(sqpts);tri.attr({id:"tri",fill:"#555555"});sqrFunc=funct

javascript - 在单页应用程序上重用 Google Maps API 实例

假设我有一个单页应用程序(AngularJS应用程序),我在元素idgoogleMap上绘制了一个GoogleMap实例-varmapInstance=newgoogle.maps.Map(document.getElementById(`googleMap`),mapOption)然后我在应用程序路由中导航,由于这个原因,破坏了googleMapDOM元素,最后我回到了这个元素的路线,现在我必须在这个元素上重新绘制map.重新绘制map的正确方法是什么?正如我在thisanswer中读到的那样我不必重新创建它,而是使用相同的实例。 最佳答案

javascript - 通过javascript获取SVG图形的大小

在html页面中添加一个svg图形,通常使用object标签这样包裹起来:thisbrowserisnotabletoshowSVG:http://getfirefox.comisfreeanddoesit!IfyouuseInternetExplorer,youcanalsogetaplugin:http://www.adobe.com/svg/viewer/install/main.html如果不在对象标签中使用宽度和高度属性,则svg将以全尺寸显示。通常我从OpenGraphicsLibrary获取svg文件进行测试。有什么方法可以使用JavaScript获取svg的大小吗?或者

javascript - backbone.js 模型指向嵌套模型的相同实例

使用backbone.js,这是一个快速测试来演示我在使用嵌套模型时遇到的问题。前言我有一个Obj模型,其中包含2个嵌套模型,Obj1和Obj2。Obj模型本身有一个View(ObjView),主页面本身也有一个View(BodyView)。主页只有一个按钮,id=add。每次单击按钮时,都会向ObjCollection添加一个新的Obj,并且ObjView会向页面添加一个按钮(id=clickMe)。clickMe按钮绑定(bind)到一个testFunc,console.logsthis.model和this.model.get("obj1")。问题通过检查console.logs

javascript - 扩展主干模型或 View 时,我如何创建在实例而不是原型(prototype)上创建的属性?

我想做的事:varMyModel=Backbone.model.extend({someProp:{...},..});但是有newMyModel().someProp===newMyModel().someProp返回false好像我已经完成了functionMyModel(){this.someProp={...};}我不想将赋值this.someProp={...};放在initialize方法中,因为如果我继承MyModel,我将不得不重复也可以在子类的初始化方法中再次赋值,或者记得每次我子类化时调用父类初始化从子类初始化,这在我看来是一种解决方法而不是解决方案。那么,还有没有

javascript - Gif、Javascript 和多个实例

也许是个愚蠢的问题,但无论如何还是要问。示例:假设我有一个非循环动画GIF和两个img元素。所以我使用了一些javascript来更改slot1的源。functionchangE(x){varimage=document.getElementById(x);image.src="animated.gif";}someButtonGotClicked=changE('slot1');效果很好。Gif从头到尾播放,但如果我随后将slot2的src更改为相同的gif:changE('slot2');slot1将它的gif重置回开始以与开始它的gif的slot2同步。现在我知道我可以复制gif

javascript - svg + Sprite 表 + d3 + clipPath + 位置 + 大小

需要提前道歉:对于篇幅和我的无知。我正在尝试自学新概念:d3.js和Sprite表。Sprite表的概念很容易理解,但我很困惑如何将其集成到d3中。基本上我想做的是从Sprite表中选择我想用作图像的Sprite,然后使用d3在页面的其他地方显示这个选定的Sprite,并且很可能是同一个Sprite的多个副本。供引用的实际sprite表(见下面的免责声明):问题如下:1)我将sprite表添加到我的html中,硬编码现在,这显示了我想要的特定Sprite,但是,Sprite的尺寸/定位就像显示了整个Sprite表一样。我怎样才能只“捕获”Sprite本身,而不仅仅是隐藏未使用的Spri